<template>
  <div id="clientlist"> 


          <el-table :data="data" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
           :row-class-name="tableRowClassName"  :border="true">

               
                <el-table-column label="帐号"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.content }}</span>
                    </template>
                </el-table-column> 

                <el-table-column label="姓名"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.content }}</span>
                    </template>
                </el-table-column> 

                <el-table-column label="推荐人数"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.content }}</span>
                    </template>
                </el-table-column> 

                <el-table-column label="达标人数"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.content }}</span>
                    </template>
                </el-table-column> 

                 <el-table-column label="操作" align='center' width="320px"  fixed="right">
                    <template slot-scope="scope">
                        <el-button size="mini"  type="primary"  plain @click="delect_but(scope.row)">取消关联</el-button> 
                    </template>
                </el-table-column>
            </el-table>  


   </div>
</template>

<script>

export default {
   name: 'clientlist',
   props:{
      data:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度
    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 245
      
  },
  mounted (){
    
  },
  methods: {
 
      delect_but(row){
        //   this.$confirm('是否重置密码, 是否继续?', '提示', {
        //   confirmButtonText: '确定',
        //   cancelButtonText: '取消',
        //   type: 'warning'
        //  }).then(() => {
        //         this.post("/customer_service/delSpeechcraft", {
        //             id:row.id,
        //         }).then(res => {

        //             if(res.error_code == 0){
        //             this.open1(res.result,'success')  //提示框
        //             this.$emit('up_list_fun')
        //             }else {
        //             this.open1(res.message,'warning')
        //         }

        //      })
        // }).catch(() => {
        //           this.$emit('up_list_fun') 
        // });
      },


  }
}
</script>


<style scoped>

</style>